@charset "UTF-8";
@media screen and (max-width: 1600px){
    .m,.n-bann .text,.contact_banner .txt{max-width: 90%;}
}
@media screen and (max-width: 450px){
    .m,.n-bann .text,.contact_banner .txt{max-width: 96%;}
}
@media screen and (max-width: 1500px){
    .header .content .right nav a{padding: 0 12px;}
}
@media screen and (max-width: 1300px){
    .header .content .right nav{margin-right: 3rem;}
    .header .content{padding: 0 3rem;}
    .header .content .right .right-right{padding-left: 3rem;}
}
@media screen and (max-width: 1200px){
    .header .content .left svg{width: 15rem;}
    .header .content .right nav a{font-size: 1.4rem;}
    .header .content .right .right-right .right-right-dt{font-size: 2rem;}
}
@media screen and (max-width: 960px){
    .header,.header .back{height: 60px;}
    .header .content{padding: 0 1.5rem;height: 60px;}
    .header .content .left svg{width: 15rem;}
    .header .content .right nav{display: none;}
    .header .content .right .right-right{padding-left: 0; border-left:0;height: 60px;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .header .content .right .right-right .right-right-dd{display: none;}
    .header .content .right .right-right .nav-toggle{display: block;}
}

@media screen and (max-width: 1100px){
    .banner .text-1 .tt{font-size: 4.5rem;}
}
@media screen and (max-width: 930px){
    .banner .text-1 .tt{font-size: 4rem;}
}
@media screen and (max-width: 769px){
    .banner .text-1 .en{font-size: 1.5rem;}
    .banner .text-1 .tt{font-size: 3rem;}
}
@media screen and (max-width: 650px){
    .banner .banner-arrow{display: none;}
    .banner .text-1{padding: 0 3rem;}
}
@media screen and (max-width: 1440px){
    .banner .text-2{left: 10vw;}
    .banner .text-2 .tt{font-size: 4rem;}
    .banner .text-2 .stt{font-size: 1.8rem;}
    .banner .img-2{width: 600px;}
}
@media screen and (max-width: 1300px){
    .banner .img-2{width: 500px;}
}
@media screen and (max-width: 1200px){
    .banner .text-2 .tt{font-size: 3rem;}
    .banner .text-2 .stt{font-size: 1.5rem;margin-top: 1rem;}
    .banner .img-2{width: 450px; right: 11vw;}
}
@media screen and (max-width: 930px){
    .banner .text-2{text-align: center;position: unset;-webkit-transform: unset;-moz-transform: unset;-ms-transform: unset;-o-transform: unset;transform: unset;margin-top: 20rem;}
    .banner .img-2{left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);right: unset;width: 60%;}
}
@media screen and (max-width: 600px){
    .banner .img-2{left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);right: unset;width: 80%;}
}
@media screen and (max-width: 1024px){
    .banner .text-3 .tt{font-size: 10rem;}
}
@media screen and (max-width: 769px){
    .banner .text-3 .tt{font-size: 8rem;}
}
@media screen and (max-width: 600px){
    .banner .text-3 .tt{font-size: 6rem;}
}
@media screen and (max-width: 500px){
    .banner .text-3 .tt{font-size: 4rem;}
}
@media screen and (max-width: 1600px){
    .index-service .item a{max-width: 80%;}
}
@media screen and (max-width: 375px){
    .index-service .item a{max-width: 90%;}
}
@media screen and (max-width: 769px){
    .index-service .item{width: 50%;padding: 5rem 0;}
    .index-service .item .tt{margin: 3rem 0;}
    .index-service .item:nth-child(3){background: unset;}
    .index-service .item:nth-child(4){background: #fafafa;}
    .index-service .item:nth-child(3):hover{background: #00388c;}
    .index-service .item:nth-child(4):hover{background: #00388c;}
}
@media screen and (max-width: 320px){
    .index-service .item{width: 100%;padding: 5rem 0;}
    .index-service .item .tt{margin: 3rem 0;}
    .index-service .item:nth-child(3){background: #fafafa;}
    .index-service .item:nth-child(4){background: unset;}
}
@media screen and (max-width: 1500px){
    .index-about .left .info{font-size: 1.5rem;}
    .index-about .left .items{width: 130%;}
    .index-about .left .more,.index-about .left .items{margin-top: 5rem;}
}

@media screen and (max-width: 1200px){
    .index-about .left .items{width: 150%;}
}

@media screen and (max-width: 1024px){
    .index-about .left .items{width: 170%;}
}
@media screen and (max-width: 769px){
    .index-about{display: block;}
    .index-about .left,.index-about .right{width: 100%;}
    .index-about .right img{height: unset;}
    .index-about .left{padding: 5%;}
    .index-about .left .items,.index-about .left .info{width: 100%;}
}
@media screen and (max-width: 1300px){
    .index-case .list .item .img{height: 30rem;}
}
@media screen and (max-width: 1200px){
    .index-case .list .item{width: 49%;}
    .index-case .list .item:nth-child(3n){margin-right: 2%;}
    .index-case .list .item:nth-child(2n){margin-right: 0;}
    .index-news .item{width: 49%;margin-bottom: 2%;}
    .footer .foot-head .foot-nav{margin: 0 3%;}
    .footer .foot-head .foot-contact{width: 27%;}
}
@media screen and (max-width: 769px){
    .index-news .item{width: 100%;margin-bottom: 2%;} 
    .footer .foot-head .foot-left{display: none;}
    .footer .foot-head .foot-nav{margin: 0 6% 0 0;width: 55%;}
    .footer .foot-head .foot-contact{width: 39%;}
    .index-case .list .item .txt h2{font-size: 1.8rem;height: 18px;}
}
@media screen and (max-width: 690px){
    .index-case .case-nav{margin-top: 2rem;width: 100%;}
}
@media screen and (max-width: 1100px){
    .index-service .itt,.index-advanage,.index-case{padding: 4rem 0;}
    .index-news{padding:4rem 0 8rem 0;}
    .index-advanage .itt,.index-news .itt{margin-bottom: 4rem;}
}
@media screen and (max-width: 650px){
    .banner .banner-line .swiper-pagination-bullet{width: 50px;}
    .index-service .tt,.index-case .tt{font-size: 2.5rem;}
    .index-about .left .items .item i{display: none;}
    .footer .foot-head .foot-nav{display: none;}
    .footer .foot-head .foot-contact{width: 100%;}
    .footer .flinks{display: none;}
    .index-case .list .item .img{height: 20rem;}
    .bottom-nav{visibility:visible;}
    body{padding-bottom: 62px;}
    .livechat{display: none!important;}
}
@media screen and (max-width: 378px){
    .header .content .right .right-right .right-right-dt{display: none;}
    .index-about .left .tt{font-size: 2rem;}
}
@media screen and (max-width: 425px){
    .banner .scroll-wrap .scroll{display: none;}
    .index-service .tt, .index-case .tt{font-size: 1.8rem;}
    .index-service .item .tt{margin: 1.5rem 0;}
}
@media screen and (max-width: 550px){
    .index-about .left .items .item h2 strong{font-size: 30px;}
    .index-about .left .items .item h2 sup{font-size: 16px;top: -1rem;}
    .index-about .left{padding: 4rem 2%;}
    .index-about .left .info{padding-top: 1.5rem;}
    .index-about .left .items .item p{font-size: 14px;line-height: 1.5;}
}
@media screen and (max-width: 550px){
    .index-about .left .items .item h2 strong{font-size: 25px;}
    .index-about .left .items .item h2 sup{font-size: 14px;top: -1rem;}
    .index-case .list .item{width: 100%;margin-right: 0;}
    .index-case .list .item .img{height: 25rem;}
}
@media screen and (max-width: 375px){
    .index-about .left .items .item h2 strong{font-size: 25px;}
    .index-about .left .items .item h2 sup{font-size: 14px;top: -1rem;}
    .index-case .case-nav a{font-size: 14px;padding: 8px 15px;}
}
@media screen and (max-width: 1440px){
    .n-bann .text .txt1{font-size: 4rem;}
    .n-bann .text .txt2{font-size: 3rem;}
    .n-bann .text .txt3{font-size: 1.6rem;}
    .n-bann .down{margin-top: 7rem;}
}

@media screen and (max-width: 1200px){
    .n-bann .text .txt1{font-size: 3rem;}
    .n-bann .text .txt2{font-size: 2rem;}
    .n-bann .text .txt3{font-size: 1.4rem;}
    .n-bann .down{display: none;}
}
@media screen and (max-width: 769px){
    .n-bann .text .txt1{margin-bottom: 1rem;}
    .n-bann .text .txt2{margin-bottom: .5rem;}
    .n-bann .img{height: 320px;position: relative;}
    .n-bann .img img{position: absolute;top: 0;right: 0;height: 100%;max-width: unset;}
}
@media screen and (max-width: 1200px){
    .seo .p1 .inner-box:before{display: none;}
    .n-case .list .item{width: 49%;}
    .n-case .list .item:nth-child(3n){margin-right: 2%;}
    .n-case .list .item:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 1370px){
    .action .action-support .action-support-item{padding: 15px 25px;}
    .action .action-support .action-support-item span{font-size: 2rem;}
    .action .action-item h5{font-size: 2.5rem;margin-top: 1rem;}
}
@media screen and (max-width: 1300px){
    .seo .p2 .inner-left .inner-box h5{font-size: 1.6rem;}
    .seo .p2 .inner-left .inner-box{padding: 3rem 2rem;}
    .n-case .list .item .img{height: 30rem;}
}
@media screen and (max-width: 1110px){
    .seo .p1,.seo .p2,.seo .p3,.action,.seo .p4,.seo .n-case,.web .n-case{padding: 4rem 0;}
    .n-article{padding: 4rem 0 10rem 0;}
    .seo .ntt .t{font-size: 1.4rem;}
    .seo .ntt .tt{font-size: 3rem;}
    .seo .p1 .txt{margin: 3rem auto;}
    .seo .p1 .inner-box{padding: 0 2%;}
    .action .action-support .action-support-item{padding: 15px 20px;}
    .action .action-item h5{font-size: 2rem;margin-top: 1rem;}
    .action .action-support .action-support-item-2,.action .action-support .action-support-item-3{margin-left: 1rem;}
    .seo .n-case .list, .web .n-case .list{padding: 4rem 0 0;}
    .seo .p3 .inner-box h5{font-size: 1.8rem;}
    .seo .p2 .inner-column{margin-top: 4rem;}
    .seo .p2 .inner-left{width: 100%;margin-bottom: 1%;}
    .seo .p2 .inner-right{width: 100%;}
    .seo .p2 .inner-right .inner-box .bg img{width: 100%;height: 100%;}
    .seo .p2 .inner-left .inner-box{width: 32.666%;}
    .seo .p2 .inner-left .inner-box:nth-child(3n){margin-right: 0;}
}

@media screen and (max-width: 769px){
    .seo .p1 .txt{max-width: 80%;}
    .seo .p1 .inner-box .icon-box{width: 150px;height: 165px;}
    .seo .p1 .inner-box .icon-box .iconfont{width: 110px;height: 122px;font-size: 4rem;}
    .seo .p1 .inner-box .title{font-size: 1.8rem;}
    .seo .p1 .inner-box .icon-box span{bottom: 0;}
    .seo .p1 .inner-box .text{line-height: 1.5;}
    .seo .p2 .inner-left .inner-box{width: 49.5%;padding: 2rem;}
    .seo .p2 .inner-left .inner-box{margin-right: 0;}
    .seo .p2 .inner-left .inner-box h5{font-size: 1.5rem;margin-bottom: 5px;}
    .seo .p2 .inner-left .inner-box .iconfont{width: 46px;height: 46px;font-size: 2.5rem;margin-bottom: 13px;}
    .seo .p2 .inner-left .inner-box:after{top: 30px;}
    .seo .p2 .inner-left .inner-box .count{top: 25px;}
    .seo .p2 .inner-left .inner-box:nth-child(4){margin-bottom: 1%;}
    .seo .p3 .inner-box .box{margin-right: 2%;margin-bottom: 2%;}
    .seo .p3 .inner-img{width: 100%;}
    .seo .p3 .inner-img img{max-width: 80%;margin: 0 auto 5rem;display: block;}
    .seo .p3 .inner-box{width: 100%;}
    .action .action-item{float: none;text-align: center;margin-bottom: 4rem;}
    .action .action-support{float: none;width: 100%;text-align: center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
    .action .action-support-item{width: 33.333%;}
    .n-article .left{margin-bottom: 3rem;}
    .n-article .left,.n-article .right{float: none;width: 100%;}
    .n-article .ntt{margin-bottom: 3rem;}
    .n-case .list .item .txt h2{font-size: 1.8rem;height: 18px;}
    .n-article .right li .box .txt .title{font-size: 1.6rem;}
    .action .action-support .action-support-item{width: -webkit-calc( (100% - 2rem) / 3 );width: -moz-calc( (100% - 2rem) / 3 );width: calc( (100% - 2rem) / 3 );padding: 15px 0;}
}
@media screen and (max-width: 650px){
    .n-case .list .item .img {height: 20rem;}
}
@media screen and (max-width: 550px){
    .seo .ntt .tt{font-size: 2rem;}
    .seo .ntt .t{margin-bottom: 5px;}
    .seo .p1 .txt{max-width: 95%;line-height: 1.5;}
    .seo .p1 .inner-box{width: 100%;margin-bottom: 1rem;}
    .action .action-support .action-support-item{width: 100%;}
    .seo .p2 .inner-left .inner-box{width: 100%;margin-right: 0;}
    .seo .p3 .inner-box .box{width: 100%;margin-right: 0;}
    .action .action-support .action-support-item-2, .action .action-support .action-support-item-3{margin-left: 0;}
    .n-case .list .item {width: 100%; margin-right: 0;}
    .n-article .right li{width: 100%;margin-right: 0;}
    .n-article .right li .box{padding: 1rem}
}
@media screen and (max-width: 1440px){
    .web .p1{padding: 10rem 0;}
}
@media screen and (max-width: 1300px){
    .web .ntt .tt{font-size: 3rem;}
    .web .p1{padding: 5rem 0;}
    .web .p1 .left .inner-column{padding-right:10%}
    .web .p1 .left .txt{font-size: 1.5rem;line-height: 2;margin: 2rem 0 4rem;}
    .web .p1 .left .inner-box i{font-size: 4rem;width: 8rem;height: 8rem;}
}
@media screen and (max-width: 1100px){
    .web .p2,.web .p3,.web .p4{padding: 4rem 0;}
    .web .p2 .ntt,.web .p3 .ntt,.web .p4 .ntt{margin-bottom: 4rem;}
    .web .p2 .left,.web .p2 .right{width: 100%;}
    .web .p2 .right{margin-top: 2%;}
    .web .p2 .right h6{margin-bottom: 2rem;}
    .web .p2 .right p{margin-bottom: 5rem;}
    .web .p3 .inner-box{width: 49%;}
    .web .p3 .inner-box:nth-child(2n){margin-right: 0;}
    .web .p3 .inner-box:nth-child(1),.web .p3 .inner-box:nth-child(2){margin-bottom: 2%;}
}
@media screen and (max-width: 769px){
    .web .p1 .left,.web .p1 .right{width: 100%;}
    .web .p1 .right{position: unset;margin: 2rem auto 0;}
    .web .p1 .left .inner-column{margin-left:0;padding-right: 0;}
    .web .p2 .inner-box{width: 49%;}
    .web .p2 .inner-box:nth-child(2n){margin-right: 0;}
    .web .p2 .inner-box:nth-last-child(-n+3){margin-bottom: 2%;}
    .web .p2 .inner-box:last-child{margin-bottom: 0;}
    
}
@media screen and (max-width: 550px){
    .web .p2 .inner-box{width: 100%;margin-right: 0;padding: 2rem;}
    .web .p3 .inner-box{width: 100%;margin-right: 0;margin-bottom: 2%;padding: 3rem 2rem 8rem;}
    .web .p3 .inner-box .more{width: -webkit-calc( 100% - 4rem);width: -moz-calc( 100% - 4rem);width: calc( 100% - 4rem);left: 2rem;bottom: 3rem;}
    .n-nav{padding: 4rem 0;}
    .n-nav .flex{-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .n-nav .position{display: none;}
}

@media screen and (max-width: 1100px){
    .n-news{padding: 4rem 0 10rem;}
    .n-news .left{width: 100%;}
    .n-news .right{display: none;}
    .n-news .left li .text .tt{font-size: 1.8rem;}
    .news-article .left{padding: 3rem 2.5rem;}
    .news-article .left h1{font-size: 2.5rem;}
    .about{padding: 4rem 0 10rem;}
    .about .p1 .left{width: 100%;padding: 3rem;}
    .about .p1 .right{width: 100%;padding: 4rem 3rem;}
    .contact_banner .map{height: 600px;}
    .contact{padding: 4rem 0 10rem;}
}
@media screen and (max-width: 769px){
    .n-news .left li .box{padding: 2rem;}
    .about .p1 .right .tt{font-size: 3rem;}
    .about .p1 .right .ttt{margin: 1rem 0 3rem 0;}
    .about .p1 .right .items{padding: 3rem 0;}
    .contact_banner .map{height: 600px;}
    .contact .p1 .left,.contact .p1 .right{width: 100%;}
    .contact .p1 .left{margin-bottom: 10rem;}
}
@media screen and (max-width: 550px){
    .n-news .left li .box{padding: 2rem;}
    .n-news .left li .img{width: 100%;}
    .n-news .left li .img img{width: 100%;height: 200px;}
    .n-news .left li .text{width: 100%;padding: 2rem 0 0;}
    .news-article .left{padding: 2rem 1rem;}
    .news-article .left h1{font-size: 2rem;}
    .news-article .left .text{font-size: 1.4rem;}
    .news-article .left .page .l,.news-article .left .page .r{float: none;}
    .news-article .left .page .l{width: 100%;}
    .news-article .left .page .r{margin-top: 1rem;}
    .about .p1 .left{padding: 2rem;}
    .about .p1 .left h1,.about .p1 .right .tt{font-size: 2.5rem;}
    .about .p1 .right .ttt,.about .p1 .right .items .item p{font-size: 1.4rem;}
    .about .p1 .right .items .item i{font-size: 3rem;}
    .about .p1 .right .items .item h2 strong{font-size: 2rem;}
    .about .p1 .right{padding: 3rem 2rem;}
    .about .p1 .left .text{font-size: 1.4rem;}
    .about .p2{padding-top: 5rem;}
    .about .p2 .top{padding:0 2rem ;}
    .about .p2 .content{margin-top: 5rem;display: block;}
    .about .p2 .content .item{width: 100%;padding: 3rem 2%;}
    .about .p2 .content .item .bottom dd{margin: 1.5rem 0 1rem;}
    .contact_banner .map{height: 320px;}
    .contact_banner .txt .tt {margin-bottom: 0;padding-bottom: 0;border: 0;}
    .contact_banner .txt .bottom,.contact_banner .txt .center{display: none;}
    .contact_banner .txt dd{font-size: 2rem;}
    .contact .p1 h4,.contact .p1 h5{font-size: 2.5rem;}
    .contact .p1 .text i{margin-right: 2%;}
    .contact .p1 .right form .f1{width: 100%;}
    .index-news .item .item-body{padding: 2rem 4%;}
    .news-article .left .info div{width: 100%; line-height: 2;}
}